import Taro, { Component } from '@tarojs/taro'
import { View, Button, Text, Image } from '@tarojs/components'
import { connect } from '@tarojs/redux'
import Head from '../../components/head'
import './account.less'

@connect(({ account }) => ({
  ...account
}))
class Account extends Component {

  render() {
    const { money, dmoney } = this.props;
    return (
      <View className="account-index">
        <Head title="账户说明" urlPath={'/pages/mine/index'} />
        <View className="account-body">
          <View className="account-money">
            <View className="total-money total-money-width total-back-color">
              <View className="money-font money-blue">{money+dmoney}</View>
              <Text className="money-info-font">账户总额（元）</Text>
            </View>
            <View className="available-freeze">
              <View className="total-money total-money-50" >
                <View className="money-font money-orange">{money}</View>
                <Text className="money-info-font">可用余额（元）</Text>
              </View>
              <View style="width:1px;height:43px;background-color:#EAEAEA;"></View>
              <View className="total-money total-money-50">
                <View className="money-font money-orange">{dmoney}</View>
                <Text className="money-info-font">冻结余额（元）</Text>
              </View>
            </View>
          </View>
          <View className="account-info">
            <View className="info-font">① 账户余额包括可用余额、冻结余额两个部分</View>
            <View className="info-font">② 可用余额：可及时提现</View>
            <View className="info-font">③ 冻结余额：邀请的客户到店成交后XX天后可转移至可用余额内</View>
            <View className="info-font">④ 点击可用余额区域，可查看当前可用账户明细</View>
            <View className="info-font">⑤ 点击冻结余额，可查看当前冻结账户明细</View>
          </View>
        </View>
       </View>
    )
  }
}
export default Account
